<template>
  <div class="cont">
    <h2>video.js案例合计</h2>
    <div class="coll">
      <ul>
        <li v-for="(item,index) in exampleJson" :key="index">
          {{(index+1)+'.'}}<router-link :to="{path:'/'+item.component.toLowerCase()}">{{ item.title }}</router-link>
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
import exampleJson from '@/router/example'
export default {
  data(){
    return {
      exampleJson
    }
  }
}
</script>
<style>
.cont{
  width: 1200px;
  margin: auto;
}
.coll{
  margin-top:20px;
  font-size: 18px;
}
li{
  text-align: left;
  height: 30px;
}
</style>


